

import { useDroppable } from '@dnd-kit/core';
import { UniqueIdentifier } from '@dnd-kit/core';
import React from 'react';

export default function DroppableContainer({ id, children, className }: { id: UniqueIdentifier, children: React.ReactNode, className?: string }) {
    const {
        setNodeRef,
    } = useDroppable({
        id,
        data: {
            type: 'container',
        },
    });

    return (
        <ul ref={setNodeRef} className={className} >
            {children}
        </ul>
    );
}